<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>待办事项列表</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="todo-list">
        <table>
            <thead>
                <tr>
                    <th>序号</th>
                    <th>任务名称</th>
                    <th>任务类型</th>
                    <th>任务简介</th>
                    <th>任务描述</th>
                    <th>任务时间</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                <tr class="expandable" data-id="1">
                    <td>1</td>
                    <td>任务名称示例</td>
                    <td>类型</td>
                    <td>简介</td>
                    <td>详细描述...</td>
                    <td>2023-05-20 14:00</td>
                    <td>
                        <button>删除</button>
                        <button>修订</button>
                        <button>完成</button>
                        <button>查看更多</button>
						<button>...</button>
                    </td>
                </tr>
                <!-- 展开内容 -->
                <tr class="details" style="display:none;">
                    <td colspan="7">
                        <div>
                            <p><strong>任务特殊字段1:</strong> 示例值</p >
                            <p><strong>任务特殊字段2:</strong> 示例值</p >
                            <p><strong>任务特殊字段3:</strong> 示例值</p >
                            <p><strong>关键字:</strong> 示例</p >
                            <p><strong>干系人:</strong> 示例</p >
                            <p><strong>地点:</strong> 示例</p >
                            <p><strong>数据指标:</strong> 示例</p >
                            <p><strong>专业术语:</strong> 示例</p >
							<p><strong>原文:</strong> 示例</p >
                        </div>
                    </td>
                </tr>
                <!-- 更多任务项... -->
            </tbody>
        </table>
    </div>

    <script src="script.js"></script>
</body>
</html>